﻿@{
    ViewBag.Title = "Member Profiles";
}

@section scripts
{
    <script type="text/javascript" src="~/Scripts/App/Member/index.js"></script>
}
            <header>
                <div class="row">
                    <div class="large-12 columns">
                        <div class="header-for-show">
                            <ul class="example-orbit-content" data-orbit>
                                <li data-orbit-slide="headline-1">
                                    <div>
                                        <h3>Quảng cáo 1</h3>
                                        <h5>Thông tin thêm về quảng cáo</h5>
                                    </div>
                                </li>
                                <li data-orbit-slide="headline-2">
                                    <div>
                                        <h3>Quảng cáo 2</h3>
                                        <h5>Thông tin thêm về quảng cáo</h5>
                                    </div>
                                </li>
                                <li data-orbit-slide="headline-3">
                                    <div>
                                        <h3>Quảng cáo 3</h3>
                                        <h5>Thông tin thêm về quảng cáo</h5>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </header>
            <section id="main-content">
                <div class="row">
                    <div class="large-10 medium-10 columns push-2">
                        <div class="row">
                            <div class="large-12 medium-12 columns">
                                <h3 class="bottom40 border-bottom user-name" data-bind="text: FullName"></h3>
                                <h4>Thông tin cá nhân <small>Đây là trang thông tin cá nhân</small></h4>
                                <div class="row user-info">
                                    <div class="large-3 medium-3 columns push-1">
                                        <span>Tên:</span>
                                    </div>
                                    <div class="large-8 medium-8 columns">
                                        <span data-bind="text: FullName"></span>
                                    </div>
                                </div>
                                <div class="row user-info">
                                    <div class="large-3 medium-3 columns push-1">
                                        <span>Giới tính:</span>
                                    </div>
                                    <div class="large-8 medium-8 columns">
                                        <span data-bind="text: Gender"></span>
                                    </div>
                                </div>
                                <div class="row user-info">
                                    <div class="large-3 medium-3 columns push-1">
                                        <span>Ngày sinh:</span>
                                    </div>
                                    <div class="large-8 medium-8 columns">
                                        <span data-bind="text: Birthday"></span>
                                    </div>
                                </div>
                                <div class="row user-info">
                                    <div class="large-3 medium-3 columns push-1">
                                        <span>CMND:</span>
                                    </div>
                                    <div class="large-8 medium-8 columns">
                                        <span data-bind="text: CMND"></span>
                                    </div>
                                </div>
                                <div class="row user-info">
                                    <div class="large-3 medium-3 columns push-1">
                                        <span>Email:</span>
                                    </div>
                                    <div class="large-8 medium-8 columns">
                                        <span data-bind="text: Email"></span>
                                    </div>
                                </div>
                                <div class="row user-info">
                                    <div class="large-3 medium-3 columns push-1">
                                        <span>Địa chỉ:</span>
                                    </div>
                                    <div class="large-8 medium-8 columns">
                                        <span data-bind="text: Address"></span>
                                    </div>
                                </div>
                                <div class="row user-info">
                                    <div class="large-3 medium-3 columns push-1">
                                        <span>Điện thoại:</span>
                                    </div>
                                    <div class="large-8 medium-8 columns">
                                        <span data-bind="text: Phone"></span>
                                    </div>
                                </div>
                                <div class="row user-info">
                                    <div class="large-3 medium-3 columns push-1">
                                        <span>Điểm thưởng:</span>
                                    </div>
                                    <div class="large-8 medium-8 columns">
                                        <span data-bind="text: Point"></span>
                                    </div>
                                </div>
                                <div class="row user-info">
                                    <div class="large-3 medium-3 columns push-1">
                                        <span>Cấp độ:</span>
                                    </div>
                                    <div class="large-8 medium-8 columns">
                                        <span data-bind="text: Level"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="large-2 medium-2 columns pull-10">
                        <ul class="side-nav">
                            <li class="avatar">
                                <img style="width: 150px; height: 150px;" data-bind="attr: {src: Avatar}">
                            </li>
                            <li>
                                <a href="#">Thông tin</a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="~/Member/EditProfile">Sửa thông tin</a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="~/Member/ChangeAvatar">Đổi ảnh đại diện</a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="~/Member/ChangePassword">Đổi mật khẩu</a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="~/Member/PointList">Điểm thưởng</a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="~/Member/ExchangeHistory">Lịch sử giao dịch</a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="~/Member/SubcribeList">Danh sách theo dõi</a>
                            </li>
                        </ul>
                        <div></div>
                    </div>
                </div>
            </section>